<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css">
  <link rel="stylesheet" href="other/myCssReset.css">
  <link rel="stylesheet" href="other/iconfont.css">
  <link rel="icon" href="http://localhost:8080/pic/apple-fill.png" type="image/x-icon">
  <link rel="icon" href="http://localhost:8080/pic/apple-fill.png" type="image/x-icon">
  <title>商店</title>
  <style>
    /* body{
      background-color: #F5F5F7;
    } */
    .container1_box{
      text-align: center;
      width: 1000px;
      margin: auto;
    }
    .container1_box_text1{
      font-family: "华为细黑";
      font-weight: 400;
      font-size: 60px;
      color: #1d1d1f;
      margin-top: 10px;
      margin-bottom: 10px;
      
    }
    .container1_box_text2{
      font-family: "华为细黑";
      font-weight: 500;
      font-size: 15px;
      color: #1d1d1f;
      width: 500px;
      margin: auto;
    }
    .container1_box_btn{
      width: 500px;
      margin: 0 auto;
      padding-bottom:50px;
      
    }
    .container1_box_btn>div{
      text-align: center;
      width: 200px;
      height: 40px;
      background-color: #FFF;
      line-height: 36px;
      margin-top: 20px;
      margin-right: 50px;
      float: left;
      box-sizing: border-box;
      
    }
    .container1_box_btn div a{
      position: relative;
      color: #1d1d1f;
      display: block;
      width:198px;
      background-color: #FFF;
      border-radius: 20px;
      border:2px solid  #1d1d1f;
      border-radius: 20px;
      
    }
    .container1_box_btn div a:hover{
      color: #fff;
      background-color: #1d1d1f;
    }
    .container1_box2{
      width: 1000px;
      height: 830px;
      margin: auto;
    }
    .container1_box2_img1,.container1_box2_img2{
      position: relative;
      width: 230px;
    }
    .container1_box2_img1{
      left: 150px;
      top: 50px;
      transition:top 0.8s;
    }
    .container1_box2_img1:hover{
      top: 10px;
    }
    .container1_box2_img2{
      left: 600px;
      top: 0;
      transition:top 0.8s;
    }
    .container1_box2_img2:hover{
      top: -20px;
    }
    .container1_box2_img1 img{
      width: 100%;
    }
    .container1_box2_img2 img{
      width: 100%;
    }
    .container1_box2_text2{
      width: 500px;
      margin: auto;
      margin-top: -150px;
      text-align: center;
    }
    .container1_box2_text2_item1{
      font-family: "华为细黑";
      font-weight: 400;
      font-size: 60px;
      color: #1d1d1f;
      margin-bottom: 20px;
    }
    .container1_box2_text2_item1~p{
      font-family: "华为细黑";
      font-weight: 500;
      font-size: 20px;
      color: #1d1d1f;
    }
    .box_a{
      width: 450px;
      margin: auto;
      margin-top: 30px;
    }
    .box_a a{
      display: block;
      width: 100px;
      height:30px;
      line-height:30px;
      float: left;
      border:2px solid #1d1d1f;
      border-radius: 20px;
      background-color: #FFF;
      font-size: 12px;
      margin-left: 20px;
      color:#1d1d1f ;
      text-decoration: none;
    }
    .box_a a:hover{
      background-color:#1d1d1f ;
      color: #FFF;
    }
    .flexbox1{
      width: 100%;
     
    }
    .flexbox1_container{
      width: 1000px;
      margin: auto;
      
      display: flex;
      justify-content:space-between;
    }
    .flexbox1_container_box1{
      width:600px;
      height: 200px;
     
    }
    .flexbox1_container_box1 span{
      color: #6E6E73;
    }
    
    .flexbox1_container_box2{
      width:200px;
      height: 200px;
      
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .flexbox1_container_box3{
      width: 1000px;
      
      margin: auto;
      display: flex;
      justify-content: space-between;
    }
    .flexbox1_container_box3>div{
      width:120px;
      height: 100px;
      
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
    }
    .flexbox1_container_box3>div img{
      width:100%;
    }
    .flexbox1_container_box3>div a{
      font-size: 10px;
      text-decoration: none;
      color: #1D1D1F;
      font-weight: 600;
    }
    .flexbox1_container_box3>div a:hover{
      text-decoration: underline;
    }
    .flexbox1_container_box2>div{
      width:200px;
      height: 80px;
     
      text-align: center;
    }
    .flexbox1_container_box2>div img{
      width:40px;
      vertical-align:middle;
      height: 40px;
    }
    .flexbox1_container_box2>div span{
      font-size: 10px;
      color: #1D1D1F;
      font-weight: 600;
    }
    .flexbox1_container_box2>div a
    {
      font-size: 10px;
      color: #0094DE;
    }
    .flexbox1_container_box2_text{
      display: flex;
      justify-content:space-around;
      align-items: center;
    }
    .ner{
      width:150px;
    }
    .flexbox1_container_box2>div a:hover{
      text-decoration: underline;
    }
    .flexbox1_container_box2_text i
    {
      width: 20px;
    }
    .container1_box p{
      line-height:50px;
    }
    .container1_box2_text2 p{
      line-height:50px;
    }
    .flexbox1_text1{
      width: 1000px;
      margin: auto;
      font-size: 30px;
      font-weight: 600;
      color: #1D1D1F;
      text-align:right;
  
    }
    .flexbox1_text1 p{
      text-align: left;
      padding-bottom:20px ;
      width: 500px;
    }
    .flexbox1_text2{
      margin: auto;
      width: 1000px;
      display: flex;
      justify-content: space-between;
      
    }
    .flexbox1_text2>div{
      width: 490px;
      height: 450px;
      border-radius: 20px;
      box-shadow: 4px 4px 11px #ddd;
    }
    .flexbox1_text2>:nth-child(1)
    {
      background-image: url(pic/store-card-50-specialist-202108.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: 0 -50px;
      transition:box-shadow 0.3s,transform 0.3s;
      
    }
    .flexbox1_text2>:nth-child(1):hover{
      box-shadow: 0px 4px 10px #1D1D1F;
      transform: scale(1.05);
    }
    .flexbox1_text2>:nth-child(1) p{
      padding-top: 40px;
      width: 400px;
      font-size: 25px;
      line-height: 40px;
      font-weight: 600;
      color: #1D1D1F;
    }
    .flexbox1_text2 div>p{
      padding-left: 20px;
    }

    .head2 {
            opacity: 0.97;
            height: 44px;
            background-color: #323233 ;
        }

        .box_core2 {
            width: 1000px;
            height: 44px;
            margin: auto;
            box-sizing: border-box;
            text-align: center;
        }

        .box_core2 ul li {
            width: 9.5%;
            list-style: none;
            display: inline-block;
            text-align: center;
            line-height: 44px;
        }

        .box_core2 a {
            text-decoration: none;
            color: #D6D6D6;
            font-weight: 300;
            font-size: 15px;
            transition: color 0.3s;
        }

        .box_core2 a:hover {
            color: white;
        }
        .flexbox1_text2_box{
          display:flex;
          flex-direction: column;
          justify-content: space-around;
        }

        .flexbox1_text2_box>div{
          margin-bottom:10px;
          border-radius:20px;;
          width: 490px;
          height: 220px;
          background-color: #0094DE;

        }
        .flexbox1_text2_box>:last-child{
          margin-bottom:0px;
        }
        
        .img1 div{
          padding-top: 20px;
        }
        .img1 div p{
          width: 400px;
          height: 50px;
          line-height: 50px;
          padding-left: 20px;
          font-size: 25px;
          font-weight: 600;
        }
        .img2 div{
          padding-top: 10px;
          padding-left: 20px;
        }
        .img2 div p{
          
          text-align: left;
          width: 300px;
          height: 50px;
          line-height: 50px;
          padding-left: 20px;
          font-size: 25px;
          font-weight: 600;
        }
        .img1{
          background-image: url(pic/store-card-25-apps-202108.jpg);
          background-size: cover;
          background-position: 0 -20px;
          transition:box-shadow 0.3s,transform 0.3s;
          box-shadow: 4px 4px 11px #ddd;
        }
        .img2{
          background-image: url(pic/store-card-25-genius-202108.jpg);
          background-size: cover;
          background-position: 0 -20px;
          transition:box-shadow 0.3s,transform 0.3s;
          box-shadow: 4px 4px 11px #ddd;
          
        }
        .img1:hover{
          box-shadow: 0px 4px 10px #1D1D1F;
          transform: scale(1.05);
        }
        .img2:hover{
          box-shadow: 0px 4px 10px #1D1D1F;
          transform: scale(1.05);
        }


        .containeriboxtext1{
      width: 100%;
    }
    .bx1{
      width: 1000px;
      margin: auto;
      display: flex;
      flex-direction: column;
      
    }
    .box1head{
      width:1000px;
      height: 50px;
      margin: auto;
      padding-top: 40px;
      padding-bottom: 20px;
      
    }
    .box1head>span{
      font-size: 25px;
      font-weight: 600;
      line-height: 50px;
      text-align: left;
    }
    .box1head>:nth-child(1)
  {
    color: #1d1d1f;
  }
  .box1head>:nth-child(2)
  {
    color: #6e6e73;
  }
  .box1card{
    width: 1900px;
    height: 480px;
    display: flex;
    justify-content: space-between;
    
  }
  .box1card>div{
   border-radius: 10px;
    width: 300px;
    height: 480px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 7px 7px 15px #ddd;
    transition:transform 0.5s,box-shadow 0.5s;/********/
  }
  .box1card>div:hover{
    box-shadow: 0px 4px 10px #1D1D1F;
      transform: scale(1.05);
    
  }
  .box1cardimgbox{
    padding-top:20px;
    width: 300px;
    height: 300px;
    margin: auto;
  }
  .box1cardimgbox img{
    text-align: center;
    width:100%;
  }
  .ulbox{
    width: 150px;
    margin: auto;
    display: flex;
    justify-content: space-around;
  }
  .ulbox li{
    width: 15px;
    height: 15px;
    border-radius: 50%;
  }
  .ulbox li:nth-child(1)
  {
    background-color:orange;
  }
  .ulbox li:nth-child(2)
  {
    background-color:pink;
  }
  .ulbox li:nth-child(3)
  {
    background-color:blueviolet;
  }
  .ulbox li:nth-child(4)
  {
    background-color:#6e6e73;
  }
  .ulbox li:nth-child(5)
  {
    background-color:black;
  }
  .ulbox li:nth-child(6)
  {
    background-color:#6e6e73;
  }
  .box1cardtext1{
    padding-top: 10px;
    width: 230px;
    margin: auto;
  }
  .box1cardtext1>:nth-child(1)
  {
    font-size: 12px;
    color: orange;
    padding-bottom: 10px;
  }
  .box1cardtext1>:nth-child(2)
  {
    font-size: 18px;
    padding-bottom: 20px;
    font-weight: 600;
    color: #1d1d1f;
  }
 
 .flexbox1_container_box1 p{
   font-size: 30px;
   font-weight: 600;
   padding-top: 50px;
 }


 .containeribox2{
            width: 100%;
        }
        .containeribox2headtit{
            width: 1000px;
            margin: auto;
            padding-top: 50px;
        }
        .containeribox2headtit>:nth-child(1){
            color:#1d1d1f ;
        }
        .containeribox2headtit>:nth-child(2){
            color: #6e6e73;
        }
        .containeribox2headtit>span{
            font-size: 30px;
            font-weight: 600;
        }
        .containeribox2text1{
            padding-top: 20px;
            display: flex;
            width: 980px;
            margin: auto;
            justify-content: space-between;
        }
        .containeribox2text1>div{
            width: 320px;
            height: 420px;
            border-radius: 25px;
            box-shadow: 7px 7px 10px #ddd;
            background-size: cover;
            transition: transform 0.5s, box-shadow 0.5s;
        }
        .containeribox2text1>div:hover{
            transform: scale(1.02);
            box-shadow: 4px 4px 8px #6e6e73;
        }
        .containeribox2text1>:nth-child(1)
        {
            background-image: url(pic/store-card-40-edu-202108_GEO_CN.jpg);
            
        }
        .containeribox2text1>:nth-child(2){
            background-image: url(pic/store-card-40-small-business-202108_GEO_CN.jpg);
           
        }
        .containeribox2text1>:nth-child(2) p{
            
            color: #fff;
        }
        
        .containeribox2text1>:nth-child(3){
            background-image: url(pic/store-card-40-refurb-202108.jpg); 
        }
        
        .containeribox2texts>:nth-child(1)
        {
            font-size: 12px;
            color:#6e6e73;
        }
        .containeribox2texts>:nth-child(2){
            font-size: 18px;
            color:#1d1d1f;
            font-weight: 600;
            width: 200px;
        }
        .containeribox2texts>p{
            text-align: left;
            padding-top: 10px;
            padding-left: 20px;
        }


    .containerbuttom{
      width: 100%;
      
    }
    .buttomtext{
      padding-top:100px;
      width: 1000px;
      margin: auto;
    }
    .buttomtext>div{
      margin-bottom:5px;
      font-size: 12px;
      color:#86868B;
    }
    .buttomtext>:nth-child(3){
      font-weight: 600;
    }
    .buttomtext>:last-child{
      padding-bottom: 25px;
      border-bottom:1px solid #86868B;
    }

    .containerbottumnavbox{
      width: 1000px;
      margin: auto;
    }
    .pgbslog{
      color: rgb(75, 73, 73);
      transition: 1s;
    }
    .pgbslog:hover{
      color: #86868B;
    }
    .bottumnavbox{
      height: 50px;
      line-height: 50px;
    }
    .bottumnavbox span{
      font-size: 10px;
      color: #86868B;
    }

    
    .animatebox{
      width: 100%;
      
      background-color: #0066cc;
      animation: 2s 0.5s bs ease-out forwards;
      
    }
    .animateboxnav{
      width: 1000px;
      margin: auto;
      display: flex;
      justify-content: space-between;
      height: 50px;
      font-size: 12px;
      line-height: 50px;
     
    }
    .animatenavtext{
      width: 600px;
      overflow: hidden;
      display: flex;
    }
    .animatenavtext>:nth-child(1){
      width: 2000px;
      display: flex;
      justify-content: space-between;
      animation: 5s 2.7s lbt ease-in-out;
      
    }
    .animatenavtext>:nth-child(1)>div{
      width: 600px;
      text-align: center;
      line-height: 40px;
    }
    .jlt{
      cursor: pointer;
      padding-left: 50px;
      font-size: 25px;
      color: #86868B;
    }
    .jgt{
      cursor: pointer;
      padding-right: 50px;
      font-size: 25px;
      color: #86868B;
    }
    @keyframes lbt{
      0%{
        transform:translateX(0);
      }
      50%{
        transform:translateX(-600px);
      }
      95%{
        transform:translateX(-1200px);
      }
      100%{
        transform:translateX(0);
        
      }
    }
    @keyframes bs{
      0%{

        background-color: #0066cc;
      }
      100%{
        background-color: #fff;
      }
    }
    .anitext a{
      color: #0066cc;
    }
    .anitext a:hover{
      text-decoration: underline;
    }
  </style>
</head>
<body>
  <div class="head2">
    <div class="box_core2">
        <ul>
            <li><a href="index.html"><i class="iconfont icon-apple-fill"></i></a></li>
            <li><a href="store.html">商店</a></li>
            <li><a href="#">Mac</a></li>
            <li><a href="iPad.html">iPad</a></li>
            <li><a href="#">iPhone</a></li>
            <li><a href="#">Watch</a></li>
            <li><a href="#">Music</a></li>
            <li><a href="#">技术支持</a></li>
            <li><a href="#"><i class="bi bi-search"></i></a></li>
            <li><a href="login.html"><i class="bi bi-bag"></i></a></li>
        </ul>
    </div>
</div>


<div class="animatebox">
  <div class="animateboxnav">
    <div><i class="iconfont icon-jiantou_liebiaoxiangzuo jlt"></i></div>
    <div class="animatenavtext">
      <div>
        <div class="anitext"><span>符合条件的情况下可享免息分期付款<sup>1</sup><a href="#">进一步了解</a></span></div>
        <div class="anitext"><span>用你符合条件的设备进行折抵，在选购新产品时享受折抵优惠。<sup>2</sup><a href="#">进一步了解</a></span></div>
        <div class="anitext"><span>符合条件的情况下可享免息分期付款<sup>3</sup><a href="#">进一步了解</a></span></div>
      </div>
    </div>
    <div><i class="iconfont icon-jiantou_liebiaoxiangyou jgt"></i></div>
  </div>
</div>

<!-- flex布局 -->
<div class="flexbox1">
  <div class="flexbox1_container">

    <div class="flexbox1_container_box1">
        <p>这个商店， <span>产品都称心，体验更如意。</span> </p>
      </div>
      <div class="flexbox1_container_box2">
        <div class="flexbox1_container_box2_text">
          <img src="pic/store-header-specialist-icon-202108.png" alt="">
          <div class="ner">
            <span>需要协助选购？</span>
            <div><a href="#">咨询 Specialist 专家</a></div>
          </div>
          
        </div>
        
        <div class="flexbox1_container_box2_text">
          <img src="pic/store-header-specialist-icon-202108.png" alt="">
          <div class="ner">
            <span>前往 Apple Store 零售店</span>
            <div><a href="#">查找附近的零售店</a></div>
          </div>
          
        </div>
        </div>
      </div>
    </div>

    <div class="flexbox1_container_box3">
      <div>
        <img src="pic/store-card-mac-nav-202110.png" alt="">
        <a href="#">Mac</a>
      </div>
      <div>
        <img src="pic/store-card-13-iphone-nav-202109.png" alt="">
        <a href="#">iPhone</a>
      </div>
      <div>
        <img src="pic/store-card-13-ipad-nav-202108.png" alt="">
        <a href="#">iPad</a>
      </div>
      <div>
        <img src="pic/store-card-13-watch-nav-202110.png" alt="">
        <a href="#">Watch</a>
      </div>
      <div>
        <img src="pic/store-card-13-airtags-nav-202108.png" alt="">
        <a href="#">Mac</a>
      </div>
      <div>
        <img src="pic/store-card-13-homepod-nav-202110.png" alt="">
        <a href="#">AirTag</a>
      </div>
      <div>
        <img src="pic/store-card-13-accessories-nav-202109.png" alt="">
        <a href="#">HomePod mini</a>
      </div>
    </div>
  </div>
</div>

  <!-- 第一层 -->
  <div class="container1">
    <div class="container1_box">
      <video src="video/large.mp4" autoplay muted   width="700px"></video>
      <p class="container1_box_text1">MacBook Pro</p>
      <div class="container1_box_text2">
        <p>强者的强。性能有如猛兽的 M1 Pro 或 M1 Max 芯片，</p>
        <p>颠覆性提升的电池续航，配备 14 英寸或 16 英寸 </p> 
        <p>Liquid 视网膜 XDR 显示屏。</p>
        </div> 
        <div class="container1_box_btn clearfix">
          <div><a href="#">进一步了解</a></div>
          <div><a href="#">查看价格</a></div>
        </div>
    </div>
  </div>

  <!-- 第二次 -->
  <div class="container1">
    <div class="container1_box2">
      <div class="container1_box2_img1">
        <img src="pic/airpod_l__ds9by5sdnnsm_large.png" alt="">
      </div>
      <div class="container1_box2_text2">
        <p class="container1_box2_text2_item1">AirPods</p>
        <p>设计全然一新，支持空间音频和自适应均衡。</p>
        <p>电量更持久，还能抗汗抗水。</p>
        <div class="box_a clearfix">
          <a href="#" style="margin-left: 100px;">进一步了解</a>
          <a href="#">查看价格</a>
        </div>
      </div>
      <div class="container1_box2_img2">
        <img src="pic/airpod_r__bu486rpepuly_large.png" alt="">
      </div>
    </div>
  </div>

  <div class="flexbox1">
    <div class="flexbox1_text1">
      <p>帮手在此，时时待命应你所需。</p>
    </div>

    <div class="flexbox1_text2">
      <div>
        <p>Specialist 专家可以帮你一对一在线选购</p>
      </div>
      <div class="flexbox1_text2_box" style="box-shadow: 0 0 0;">
        <div class="img1">
          <div>
            <p>免费辅导，带你了解手中的</p>
            <p>新设备。</p>
          </div>
          
        </div>
        <div class="img2">
          <div>
            <p>Gebius天才</p>
            <p>支持,来自</p>
            <p>Apple 专家的</p>
            <p>服务。</p>
          </div>
         
        </div>
      </div>
    </div>
  </div>


   <div class="containeriboxtext1">
   
    <div class="bx1">
      <div class="box1head">
        <span>各种配件，</span><span>款款必备，和你的设备绝配。</span>
      </div> 

     
        <div class="box1card" id="box1card1">
          <div>
            <div class="box1cardimgbox">
              <img src="./pic/MM283.jpg" alt="" >
            </div>
            <ul class="ulbox">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
            <div class="box1cardtext1">
              <p>新款</p>
              <p>iPhone 13 专用 MagSafe 硅胶保护壳 - 灰粉色</p>
              <p>RMB 399</p>
            </div>
          </div>
  
         <div>
          <div class="box1cardimgbox">
            <img src="./pic/MME73.jpg" alt="" >
          </div>
          <ul class="ulbox">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
          <div class="box1cardtext1">
            <p>新款</p>
            <p>AirPods (第三代)</p>
            <p>RMB 1399</p>
          </div>
          </div>
  
          <div>
   <div class="box1cardimgbox">
              <img src="./pic/airpods-max-select-silver-202011.jpg" alt="" >
            </div>
            <ul class="ulbox">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
            <div class="box1cardtext1">
              <p>新款</p>
              <p>AirPods Max - 银色</p>
              <p>RMB 4399</p>
            </div>
          </div>
  
          <div>
            <div class="box1cardimgbox">
              <img src="./pic/MM1Q3.jpg" alt="" >
            </div>
            <ul class="ulbox">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
            <div class="box1cardtext1">
              <p>新款</p>
              <p>iPhone 13 Pro MagSafe 专用 硅胶保护壳 - 山
                衫绿色</p>
              <p>RMB 499</p>
            </div>
          </div>
  
          <div>
            <div class="box1cardimgbox">
              <img src="./pic/MM0Q3.jpg" alt="" >
            </div>
            <ul class="ulbox">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
            <div class="box1cardtext1">
              <p>新款</p>
              <p>iPhone 专用 MagSafe 皮革卡包 - 金褐色</p>
              <p>RMB 449</p>
            </div>
          </div>
          
          <div>
            <div class="box1cardimgbox">
              <img src="./pic/ML5L3ref.jpg" alt="" >
            </div>
            <ul class="ulbox">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
            <div class="box1cardtext1">
              <p>新款</p>
              <p>45 毫米黍米色编织单圈表带 - 7 号</p>
              <p>RMB 779</p>
            </div>
          </div>
      </div>
      <!-- <script>
        var lt = document.getElementById('lt');
        var gt = document.getElementById('gt');
        var box1card = document.getElementById('box1card1');
        var sum = 0;
        var s = '';
        lt.onclick = function(){
          sum -= 300;
          box1card.style.transform =`translateX(${sum}px)`;
          if(sum<=-1200)
          {
            sum=300;
          }
          console.log(sum);
        }
        gt.onclick = function(){
          
          sum += 300;
          box1card.style.transform =`translateX(${sum}px)`;
          if(sum<=1800)
          {
            sum=0;
          }
          console.log(sum);
        }
        
      </script> -->
    </div>
  </div>
  

  <div class="containeribox2">
    <div class="containeribox2headtit">
        <span>群体采集,</span><span>获享专属优惠</span>
    </div>
    <div class="containeribox2text1">
        <div>
            <div class="containeribox2texts">
                <p>教育</p>
                <p>以教育优惠购买Mac或iPad，可节省更多<sup>3</sup></p>
            </div>
        </div>
        <div>
            <div>
                <div class="containeribox2texts">
                    <p>商务</p>
                    <p>从大公司到小企业，我们都能帮助你一臂之力<sup>3</sup></p>
                </div>
            </div>
        </div>
        <div>
            <div class="containeribox2texts">
                <p>认证的翻新产品</p>
                <p>选购焕然如新的产品享受一年保修服务<sup>3</sup></p>
            </div>
        </div>
    </div>
</div>
 

<div class="containerbuttom">
  <div class="buttomtext">
      <div>
        * 仅限新订阅用户。试用期结束后，每月收费 RMB 10。此优惠仅面向新订阅用户限时提供。需使用符合条件的设备连接至运行 iOS 15、iPadOS 15 或更新版本的 Apple 设备。符合条件的设备配对后，需要在 3 个月内领取此优惠。目前已有符合条件的设备的用户无需购买音频产品。会员方案将自动续订，直至取消订阅。需要遵循限制条件和其他条款。
      </div>
      <div>
        1. 实际折抵金额取决于设备的状况、配置、制造年份，以及发售国家或地区。在线换购和店内换购的折抵金额可能有所不同。年满 18 周岁及以上者才可参与本计划。该服务可能仅在部分 Apple Store 零售店提供，并且 Apple Store 零售店不提供电脑产品的折抵换购服务。并非所有设备都符合折抵换购条件。Apple 或其折抵服务合作伙伴保留出于任何原因拒绝或限制任何设备 (及其数量) 的权利。店内折抵需出示政府颁发并附有照片的有效身份证件 (当地法律可能会要求存储该信息)。现有设备的折抵金额可用于冲抵购买新的 Apple 设备。可能需要遵守 Apple 或 Apple 折抵服务合作伙伴的其他条款。详情请参阅 apple.com.cn/trade-in。
      </div>

    <div>
      2. 分期付款服务的条件
    </div>

    <div>
      上述分期付款方案由信用卡发卡机构招商银行、中国建设银行、中国工商银行以及蚂蚁金服 (花呗) 面向符合条件的中国大陆居民提供。所有购物分期均需经你的信用卡发卡机构批准，对于花呗分期，需经蚂蚁金服批准。如果你选择的分期付款方案未获得信用卡发卡机构或蚂蚁金服的批准，Apple 将不会被告知原因。请参阅招商银行、中国建设银行、中国工商银行和支付宝网站，了解相关条件、费用和收费。上述分期付款服务只适用于个人消费者。企业和教育机构客户、企业员工购买计划 (EPP) 和 Apple 员工购买计划 (EPP) 适用的分期付款方案可能与上述方案不同，详情请参见教育商店、EPP 在线商店和企业商店。公司信用卡无资格申请分期。招商银行分期付款单笔订单最高限额为 RMB 150000。
    </div>
    <div>
      当商品有货并/或发货时，购物金额将计入你的信用卡或支付宝账户账单。相关财务费用将显示在你的信用卡对账单或支付宝账户中。
    </div>
    <div>
      产品按广告宣传价或标价提供分期付款服务。价格包含增值税。所有订单均可享受免费送货服务。
    </div>
    <div>
      此信息更新于 2020 年 10 月 12 日。
    </div>
    <div>
      3. 优惠价格适用于符合条件的顾客。如需进一步了解如何获得享受优惠价格的资格，请咨询店内的 Apple Specialist 专家，或致电 400-666-8800 联系我们。
    </div>
    <div>
      †† 我们会使用你所在位置，为你更快显示送货选项。我们通过你的 IP 地址，或者你在上次访问 Apple 网站时输入的位置信息，找到了你的位置。
    </div>
  </div>
</div>

<div class="containerbottum">
  <div class="containerbottumnavbox">
    <div class="bottumnavbox">
      <a href="index.html"><i class="iconfont icon-apple-fill pgbslog"></i></a>
      <i class="iconfont icon-xiangyoujiantou"></i>
      <span>Apple Store</span>
    </div>
  </div>
</div>
</body>
</html>